<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轨迹查询</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="wap-font-scale" content="no">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="format-detection" content="telephone=no,email=no,address=no,date=no" />
    <link rel="stylesheet" href="../../common/css/reset.css">
    <link rel="stylesheet" href="../../common/css/public.css">
    <link rel="stylesheet" href="../../common/css/pages.css">
    <link rel="stylesheet" href="../assets/dataPicker/css/shijian.css">
    <script>
        window.onload=function () {
            if(baseAll.isMobileDevice()=='ios'){
                stageTrack.iosLoad();
            }
            baseAll.deviceReturn();
        }
    </script>
</head>
<body>
    <div class="top_fixed">
        <!--头部返回与标题-->
        <header id="top_back" class="txt_center">
            <a href="javascript:;" class="back_btn"></a>
            <h3 class="tableBox">轨迹查询</h3>
        </header>
    </div>
    <div style="height:1.6rem;"></div>
    <!--轨迹地图模块-->
    <div id="trackMap"></div>
    <!--时间选择-->
    <div class="time_track">
        <!--开始时间-->
        <div class="timer">
            <label class="fl" for="startTime"><span class="tableBox">起始时间</span></label>
            <input
                    type="text"
                    class="fl timePut"
                    id="startTime"
                    placeholder=""
                    data-empty="请输入开始时间"
                    style="line-height:1;"
                    readonly
            >
        </div>
        <!--结束时间-->
        <div class="timer">
            <label class="fl" for="endTime"><span class="tableBox">结束时间</span></label>
            <input
                    type="text"
                    class="fl timePut"
                    id="endTime"
                    placeholder=""
                    data-empty="请输入结束时间"
                    style="line-height:1;"
                    readonly
            >
        </div>
        <div class="timer find">
            <button type="button" class="tableBox" id="queryBtn">查询</button>
        </div>
    </div>
    <div class="jsbox"></div>
</body>
</html>
<script type="text/javascript" src="../../common/script/phoneSize.js"></script>
<script type="text/javascript" src="../../common/script/jquery-1.11.2.js"></script>
<script type="text/javascript" src="../public/westv.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=vjxRk3m3YYQ4uglexlrOxEVwGc2Nw6kF"></script>
<script type="text/javascript" src="../../common/script/public.js"></script>
<script type="text/javascript" src="../public/baseAll.js"></script>
<script type="text/javascript" src="../public/trackMode.js" ></script>
<script type="text/javascript" src="../model/linetrack/stageTrack.js"></script>
<script type="text/javascript" src="../assets/dataPicker/js/jquery_shijian.js" ></script>
<script>

    /*  根据时间查询轨迹    andorid-----*/
    if(baseAll.isMobileDevice()=='android'){
        stageTrack.androidLoad();
    }

    /*
    *  开始时间
    * */
    $("#startTime").shijian({
        width:50,
        height:40,
        startYear: "2015",
        endYear:"2025",
        okfun:function(){
            var oValue=$("#startTime").val()+":00";
            $("#startTime").val(oValue);
            if(baseAll.isMobileDevice()=='ios'){
                oValue=oValue.replace(/-/g,"/");
            }
            var nextTime=baseAll.dateToString(parseInt(Date.parse(oValue))+3600*24*1000);//下一天
            $("#endTime").val(nextTime);
            $(".timePut").parent().removeClass("errorMsg");//将默认的错误样式清除
        }
    });

    /*
    * 结束时间
    * */
    $("#endTime").shijian({
        width:50,
        height:40,
        startYear: "2015",
        endYear:"2025",
        okfun:function(){
            var oValue=$("#endTime").val()+":00";
            $("#endTime").val(oValue);
        }
    });


</script>